<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>课程审核</title>
    <link rel="stylesheet" href="css/coursereview.css">
</head>
<body>
    <div class="container">
        <!-- 筛选条件 -->
        <div class="filters">
            <div class="status-filters">
                <span>状态：</span>
                <button class="filter-btn active">全部</button>
                <button class="filter-btn">已通过</button>
                <button class="filter-btn">已驳回</button>
            </div>
            
            <div class="category-filter">
                <span>分类：</span>
                <select>
                    <option value="">全部分类</option>
                    <option value="python">Python</option>
                    <option value="java">Java</option>
                    <option value="web">Web开发</option>
                </select>
            </div>

            <div class="time-filter">
                <span>提交时间：</span>
                <select>
                    <option value="week">最近一周</option>
                    <option value="month">最近一月</option>
                    <option value="3month">最近三月</option>
                </select>
            </div>
        </div>

        <!-- 课程列表表格 -->
        <table class="course-table">
            <thead>
                <tr>
                    <th>课程ID</th>
                    <th>课程信息</th>
                    <th>讲师</th>
                    <th>提交时间</th>
                    <th>状态</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody id="courseTableBody">
                <!-- 表格内容将由JavaScript动态生成 -->
            </tbody>
        </table>

        <!-- 分页 -->
        <div class="pagination">
            <span>共 100 条记录</span>
            <div class="page-buttons">
                <button class="page-btn prev">&lt;</button>
                <button class="page-btn active">1</button>
                <button class="page-btn">2</button>
                <button class="page-btn">3</button>
                <button class="page-btn next">&gt;</button>
            </div>
        </div>
    </div>

    <script src="js/coursereview.js"></script>
</body>
</html>